<template>
  <!-- #region template -->
  <BCardGroup deck>
    <BCard
      title="Title"
      img-src="https://picsum.photos/300/300/?image=41"
      img-alt="Image"
      img-top
    >
      <BCardText>
        This is a wider card with supporting text below as a natural lead-in to additional content.
        This content is a little bit longer.
      </BCardText>
      <template #footer>
        <small class="text-body-secondary">Last updated 3 mins ago</small>
      </template>
    </BCard>
    <BCard
      title="Title"
      img-src="https://picsum.photos/300/300/?image=41"
      img-alt="Image"
      img-top
    >
      <BCardText>
        This card has supporting text below as a natural lead-in to additional content.
      </BCardText>
      <template #footer>
        <small class="text-body-secondary">Last updated 3 mins ago</small>
      </template>
    </BCard>
    <BCard
      title="Title"
      img-src="https://picsum.photos/300/300/?image=41"
      img-alt="Image"
      img-top
    >
      <BCardText>
        This is a wider card with supporting text below as a natural lead-in to additional content.
        This card has even longer content than the first to show that equal height action.
      </BCardText>
      <template #footer>
        <small class="text-body-secondary">Last updated 3 mins ago</small>
      </template>
    </BCard>
  </BCardGroup>
  <!-- #endregion template -->
</template>
